<script setup lang="ts">
const defaultForm={};
const form=reactive({...defaultForm});
</script>

<template>
<div>
  <el-card>
    <el-form inline  label-suffix="：">
      <el-form-item label="模版名称">
        <el-input placeholder="请输入要查询的模版名称"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">搜索</el-button>
      </el-form-item>
    </el-form>
  </el-card>
  <el-card class="mt-4">
    <el-table
        ref="multipleTable1"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: ''
        }]"
        tooltip-effect="dark"
        style="width: 100%"
        >
      <el-table-column
          label="序号"
          width="120" >
        <template #defaulte="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="模版名称"
           >
        <template #defaulte="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          prop="name"
          label="模版介绍"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="更新时间"
         >
      </el-table-column>
      <el-table-column
          prop="address"
          label="模版类型"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="模版状态"
          >
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作"
      >
        <template #default="scope">
          <div class="flex w-full">
            <el-button class="ml-1">编辑</el-button>
            <el-button class="ml-1">预览</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <el-button class="ml-4" type="primary">批量接受</el-button>
        <el-button>批量拒绝</el-button>
      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>